.app-mob-vant-color-picker{
    .app-mob-vant-color-picker__color{
        width: 26px;
        height: 26px;
        padding: 4px;
        box-sizing: border-box;
        border: 1px solid #e6e6e6;
        border-radius: 4px;
        font-size: 0;
        position: relative;
        cursor: pointer;

        .app-mob-vant-color-picker__backg{
            position: relative;
            display: block;
            box-sizing: border-box;
            border: 1px solid #999;
            border-radius: 2px;
            width: 100%;
            height: 100%;
            text-align: center;

            .app-mob-vant-color-picker__backg-icon{
                font-size: 12px;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate3d(-50%,-50%,0);
            }
        
        }
    }
    .app-mob-vant-color-picker__dislbed{
        width: 26px;
        height: 26px;
        padding: 4px;
        box-sizing: border-box;
        border: 1px solid #e6e6e6;
        border-radius: 4px;
        font-size: 0;
        cursor: no-drop;

        .app-mob-vant-color-picker__backg{
            // background: red;
            position: relative;
            display: block;
            box-sizing: border-box;
            border: 1px solid #e6e6e6;
            border-radius: 2px;
            width: 100%;
            height: 100%;
            text-align: center;

            .app-mob-vant-color-picker__backg-icon{
                font-size: 12px;
                color: #e6e6e6;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate3d(-50%,-50%,0);
            }
        
        }
    }
}
